.navigation {margin:0;padding:0;list-style:none;}

.navigation li {float:left;width:150px;position:relative;}

.navigation li a {
    background:#262626;
    color:#fff;
    display:block;
    padding:8px 7px 8px 7px;
    text-decoration:none;
    border-top:1px solid #F2861D;
    text-align:center;
    text-transform:uppercase;
}

.navigation li a:hover {
    color:#F2861D;}

.navigation ul {

    position:absolute;
    left:0;
    display:none;
    margin:0 0 0 -1px;
    padding:0;
    list-style:none;
    border-bottom:3px solid #F2861D;
}
.navigation ul li {
    width:150px;
    float:left;
    border-top:none;}

.navigation ul a {
    display:block;
    height:15px;
    padding:8px 7px 13px 7px;
    color:#fff;text-decoration:none;
    border-top:none;
    border-bottom:1px dashed #6B6B6B;
}

.navigation ul a:hover {
    color:#F2861D;
}

/* Definiendo la fuente y el tamaño del texto del sitio en general */
body{font-family: Arial, Helvetica,sans-serif;font-size:15px;}

/* Eliminando margenes y el estilo de lista */.
navigation {margin:0;padding:0;list-style:none;}
/* Ajustes de posicion */

.navigation li {
    float:left;
    /* Mostrando la lista en una sola linea (Horizontal) */
    width:150px;position:relative;
}
/* Jugando con las categorias Raiz */
.navigation li a {
    background:#262626;
    color:#fff;
    display:block; 
    /* Asegurando que el link cubra todo el LI */
    padding:8px 7px 8px 7px;
    text-decoration:none; 
    /* Quita el subrayado de links */
    border-top:1px solid #F2861D;
    text-align:center;
    text-transform:uppercase;
}
.navigation li a:hover {
    color:#F2861D;
}
/* Ajustes */
.navigation ul {
    position:absolute;
    left:0;
    display:none;
    margin:0 0 0 -1px;
    padding:0;
    list-style:none;
    border-bottom:3px solid #F2861D;
}
.navigation ul li {
    width:150px;
    float:left;
    border-top:none;}

/* Propiedades de sub categorias */
.navigation ul a {display:block; height:15px;padding:8px 7px 13px 7px;color:#fff;text-decoration:none;border-top:none;border-bottom:1px dashed #6B6B6B;}

.navigation ul a:hover {
    color:#F2861D;
}
